:root {
  /* 背景色 */
  --c-background: #FFFFFF; /* Facebook背景为白色 */
  --c-block: #F0F2F5; /* 浅灰色，用于分块区域 */
  --c-secondary: #E4E6EB; /* 更浅的灰色，用于次要区域 */

  /* 字体颜色 */
  --c-font: #1C1E21; /* 深灰色，用于默认字体颜色 */

  /* 按钮字体颜色 */
  --c-btn_font: #FFFFFF; /* 按钮文字颜色为白色 */

  /* 列表背景色 */
  --c-listBackground: #F0F2F5; /* 列表背景色与block一致 */
  --c-listItemBackground: #FFFFFF; /* 列表项背景色为白色 */

  /* 列表文字颜色 */
  --c-listItemFont: #1C1E21; /* 列表文字颜色与font一致 */

  /* 主色 */
  --c-primary: #4267B2; /* Facebook主色：深蓝色 */

  /* 各种颜色 */
  --c-red: #FA3E3E; /* 红色 */
  --c-orange: #F7B955; /* 橙色 */
  --c-yellow: #FFD86F; /* 黄色 */
  --c-green: #4CAF50; /* 绿色 */
  --c-blue: #4267B2; /* 蓝色 */
  --c-purple: #6A5ACD; /* 紫色 */
  --c-cyan: #00BFA5; /* 青色 */
  --c-pink: #E91E63; /* 粉色 */
  --c-gray: #8D949E; /* 灰色 */

  /* 状态颜色 */
  --c-success: #4CAF50; /* 成功色：绿色 */
  --c-danger: #FA3E3E; /* 危险色：红色 */
  --c-warning: #F7B955; /* 警告色：橙色 */

  /* *_font 颜色 */
  --c-primary_font: #FFFFFF; /* 主色文字颜色为白色 */
  --c-secondary_font: #1C1E21; /* 次要色文字颜色为深灰色 */

  --c-red_font: #FFFFFF;
  --c-orange_font: #FFFFFF;
  --c-yellow_font: #1C1E21;
  --c-green_font: #FFFFFF;
  --c-blue_font: #FFFFFF;
  --c-purple_font: #FFFFFF;
  --c-cyan_font: #FFFFFF;
  --c-pink_font: #FFFFFF;
  --c-gray_font: #FFFFFF;

  --c-success_font: #FFFFFF;
  --c-danger_font: #FFFFFF;
  --c-warning_font: #1C1E21;
}

/* 字体颜色类 */
.c_primary { color: var(--c-primary); }
.c_secondary { color: var(--c-secondary); }
.c_font { color: var(--c-font); }
.c_btn_font { color: var(--c-btn_font); }
.c_listItemFont { color: var(--c-listItemFont); }

.c_red { color: var(--c-red); }
.c_orange { color: var(--c-orange); }
.c_yellow { color: var(--c-yellow); }
.c_green { color: var(--c-green); }
.c_blue { color: var(--c-blue); }
.c_purple { color: var(--c-purple); }
.c_cyan { color: var(--c-cyan); }
.c_pink { color: var(--c-pink); }
.c_gray { color: var(--c-gray); }

.c_success { color: var(--c-success); }
.c_danger { color: var(--c-danger); }
.c_warning { color: var(--c-warning); }

/* 背景色类 */
.b_background { background-color: var(--c-background); color: var(--c-font); }
.b_block { background-color: var(--c-block); color: var(--c-font); }
.b_secondary { background-color: var(--c-secondary); color: var(--c-secondary_font); }

.b_listBackground { background-color: var(--c-listBackground); color: var(--c-listItemFont); }
.b_listItemBackground { background-color: var(--c-listItemBackground); color: var(--c-listItemFont); }

.b_primary { background-color: var(--c-primary); color: var(--c-primary_font); }
.b_red { background-color: var(--c-red); color: var(--c-red_font); }
.b_orange { background-color: var(--c-orange); color: var(--c-orange_font); }
.b_yellow { background-color: var(--c-yellow); color: var(--c-yellow_font); }
.b_green { background-color: var(--c-green); color: var(--c-green_font); }
.b_blue { background-color: var(--c-blue); color: var(--c-blue_font); }
.b_purple { background-color: var(--c-purple); color: var(--c-purple_font); }
.b_cyan { background-color: var(--c-cyan); color: var(--c-cyan_font); }
.b_pink { background-color: var(--c-pink); color: var(--c-pink_font); }
.b_gray { background-color: var(--c-gray); color: var(--c-gray_font); }

.b_success { background-color: var(--c-success); color: var(--c-success_font); }
.b_danger { background-color: var(--c-danger); color: var(--c-danger_font); }
.b_warning { background-color: var(--c-warning); color: var(--c-warning_font); }